.login_mian {
	height: 100%;
	/* #ifdef APP-PLUS */
	height: calc(100% - var(--status-bar-height));
	/* #endif */
	width: 100%;
	height: 100%;
	background: #ffffff;
	box-sizing: border-box;
	.t_top {
		height: 40upx;
		background: #ffffff;
		width: 100%;
	}
	.top_bg {
		image {
			height: 506rpx;
			width: 100%;
		}
	}
	.top_title {
		position: absolute;
		color: #fff;
		font-size: 60rpx;
		bottom: 88rpx;
		left: 50%;
		transform: translateX(-50%);
		font-weight: 600;
	}
	.login_form {
		margin-top: 60rpx;
		padding: 0 64rpx;
		.mark {
			display: flex;
			align-items: center;
			padding-left: 64rpx;
			height: 59upx;
			margin-bottom: 6upx;
			margin-top: -44rpx;
			.agreement_main {
				color: #12abb0;
			}
			text {
				margin: 0 8upx;
				font-size: 24rpx;
			}
			.checkbox {
				height: 20upx;
				width: 20upx;
				border: 1upx solid #0a878e;
				color: #fff;
				overflow: hidden;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 3upx;
				.uni-icons {
					font-size: 30upx !important;
				}
			}
		}
		.footer {
			button {
				border: 0;
				color: #999999;
				height: 60upx;
				line-height: 60upx;
				font-size: 26upx;
			}
		}
		.item {
			padding-bottom: 22rpx;
			border-bottom: 1px solid #C5CFD5;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 26upx;
			&.block {
				margin: 0 64rpx;
				margin-bottom: 40rpx;
				position: relative;
				&:last-child {
					margin-bottom: 0;
				}
				.code {
					position: absolute;
					right: 0;
					width: 140upx;
					height: 100%;
				}
			}
			.i_left {
				display: flex;
				align-items: center;
				flex: 1;
				.img {
					width: 40rpx;
					display: flex;
					align-items: center;
				}
				image {
					width: 34upx;
					height: 34upx;
				}
				.uni-inputs {
					display: flex;
					align-items: center;
				}
				.m_line {
					width:2rpx;
					height:26rpx;
					background:rgba(197,207,213,1);
					border-radius:2rpx;
					margin-left: 6rpx;
				}
				.thr {
					margin-left: 4rpx;
					border-top: 12rpx solid #c5cfd5;
					border-right: 8rpx solid transparent;
					border-bottom: 0 solid transparent;
					border-left: 8rpx solid transparent;
				}
			}
			input {
				flex: 2.2;
				font-size: 26rpx;
			}
			&.submit {
				border-bottom: none;
				margin-top: 56rpx;
				margin-bottom: 0;
				padding-bottom: 0;
				button {
					padding: 0;
					width: 622rpx;
					height: 80rpx;
					background: rgba(24, 130, 212, 1);
					box-shadow: 0px 18rpx 40rpx 0px rgba(24, 130, 212, 0.22);
					border-radius: 40rpx;
					font-size-adjust: 28rpx;
					color: #fff;
					line-height: 80rpx;
					font-weight: bold;
					font-size: 28rpx;
				}
			}
			.fl {
				width: 72upx;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100%;
			}
			.fr {
				color: #12abb0;
				width: calc(100% - 72upx);
				height: 100%;
				box-sizing: border-box;
				padding-right: 24upx;
				font-size: 28upx;
				line-height: 59upx;
				uni-input div {
					width: 100%;
				}
			}
			&.imgCode {
				.fr {
					width: calc(100% - 212upx);
				}
				.code {
					float: right;
					width: 140upx;
					height: 100%;
					padding-right: 30upx;
					box-sizing: border-box;
					display: flex;
					justify-content: center;
					align-items: center;
					button {
						padding: 0;
						width: 100%;
						background: none;
						border: 0;
						color: #12abb0;
					}
				}
			}
		}
	}
	.b_btn {
		margin-top: 14upx;
		padding-left: 36rpx;
		padding-right: 36rpx;
		font-weight: bold;
	}
}
